﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
	xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
	xmlns:ei="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions" 
	xmlns:EzDesk_DesktopClient_UtilityView="clr-namespace:EzDesk.DesktopClient.UtilityView" 
	mc:Ignorable="d"
	x:Class="EzDesk.DesktopClient.UtilityView.View.NotificationItemView"
	x:Name="UserControl"
	d:DesignWidth="300" d:DesignHeight="75">
    <Grid ClipToBounds="True">
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="MouseStates">
                <VisualStateGroup.Transitions>
                    <VisualTransition GeneratedDuration="0:0:0.1"/>
                </VisualStateGroup.Transitions>
                <VisualState x:Name="Normal"/>
                <VisualState x:Name="MouseOver">
                    <Storyboard>
                        <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="border">
                            <EasingColorKeyFrame KeyTime="0" Value="{StaticResource FeedItemBackMouseOverColor}"/>
                        </ColorAnimationUsingKeyFrames>
                        <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="border">
                            <EasingColorKeyFrame KeyTime="0" Value="{StaticResource FeedItemBackMouseOverBottomColor}"/>
                        </ColorAnimationUsingKeyFrames>
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
        <Border x:Name="border"  CornerRadius="5" BorderThickness="1" BorderBrush="#FF999999" >
            <Border.Background>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Border.Background>
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="MouseEnter">
                    <ei:GoToStateAction StateName="MouseOver"/>
                </i:EventTrigger>
                <i:EventTrigger EventName="MouseLeave">
                    <ei:GoToStateAction StateName="Normal"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="25"/>
                    <ColumnDefinition Width="0.826*"/>
                    <ColumnDefinition Width="15"/>
                </Grid.ColumnDefinitions>
                <Rectangle Fill="{StaticResource BackOrange}" Margin="0,0,-7,-42" Grid.ColumnSpan="3" Grid.RowSpan="2" Width="7" HorizontalAlignment="Left"></Rectangle>
                <StackPanel Margin="0,3" Grid.Column="1" >
                    <ContentControl Content="{Binding ContentTitle, Converter={StaticResource XamlConverter}}" Hyperlink.RequestNavigate="ContentControl_RequestNavigate"/>
                    <ContentControl Content="{Binding ContentBody, Converter={StaticResource XamlConverter}}" Hyperlink.RequestNavigate="ContentControl_RequestNavigate"/>
                    <TextBlock d:LayoutOverrides="Width, Height" Foreground="#FF666666" Text="{Binding LastUpdate, Converter={StaticResource DatetimeConverter}}"/>
                </StackPanel>
                <!--<Button Style="{StaticResource CloseButtonStyle}" Command="{Binding DisableFeedCommand}" Width="12" Height="12" Grid.Column="2" VerticalAlignment="Top" Foreground="#FFB5B5B6"  Margin="2"></Button>-->
            </Grid>
        </Border>
    </Grid>
</UserControl>